localStorage：
localStorage.setItem(key, value)
localStorage.getItem(key)
localStorage.removeItem(key)
localStorage.clear()
sessionStorage：
sessionStorage.setItem(key, value)
sessionStorage.getItem(key)
sessionStorage.removeItem(key)
sessionStorage.clear()
| 特性 | LocalStorage | SessionStorage | Cookie |
|---|---|---|---|
| 存放数据大小 | LocalStorage 的存储容量为5MB/10MB | SessionStorage 的存储容量为5MB | Cookies的存储容量为4KB |
| 数据生命周期 | 由于它不是基于会话的，因此必须通过 javascript 或手动删除 | 它是基于会话的，可以按窗口或选项卡工作。这意味着数据仅在会话期间存储，即直到浏览器（或选项卡）关闭 | Cookies 根据选项卡和窗口的设置和工作过期 |
| 存储 | 客户端只能读取本地存储 | 客户端只能读取本地存储 | 客户端和服务器都可以读取和写入 cookie |
| 向服务器传输数据 | 没有向服务器传输数据 | 没有向服务器传输数据 | 存在到服务器的数据传输 |
| 浏览器兼容性 | 支持它的旧浏览器较少 | 支持它的旧浏览器较少 | 所有浏览器都支持它，包括旧版浏览器 |
| 共同点 | 都是保存在浏览器端 | 都是保存在浏览器端 | 都是保存在浏览器端 |
原文出处：http://www.dongblog.com/notes/69.html
来源：博客网 转载请注明出处！
